<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://cdn.dingxiang-inc.com/ctu-group/captcha-ui/index.js" crossorigin="anonymous"></script>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="screen-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="HandheldFriendly" content="true" />
    <meta name="browsermode" content="application">
    <meta name="x5-fullscreen" content="true">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-page-mode" content="app">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui,viewport-fit=cover" />
    <meta name="apple-mobile-web-app-title" content="<%= VUE_APP_TAB_TITLE %>" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="email=no" name="format-detection">
    <link rel="stylesheet" href="<%= BASE_URL %>static/css/base.css?v=20200218171745">
    <title><%= VUE_APP_TAB_TITLE %></title>
    <link rel="icon" type="image/png" href="<%= BASE_URL %>static/favicon.ico?v=20200218171745">
    <script src="<%= BASE_URL %>static/js/vue<%= VUE_APP_RUNTIME %>.js?v=20200218171745"></script>
    <script src="<%= BASE_URL %>static/js/vant.min.js?v=20200218171745"></script>
    <style>
    html,body,#app{
      padding: 0;
      height: 100%;
      width: 100%;
      max-width: 1025px;
      margin: 0 auto; 
      overflow: hidden;
    }
    /* body{
      padding-bottom: 0;
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: env(safe-area-inset-bottom);
    } */
    #app {
      visibility: hidden;
    }
    .swal-footer{
      display: flex;
      justify-content: center;
    }
    .swal-button--confirm,.swal-button--catch{
      background-color: #6595de;
      border-radius: 8px;
      padding: 10px 46px;
    }
    .swal-icon--success__line{
      z-index: 3;
      background: #fff;
    }
    .swal-icon--success,.swal-icon--success__ring{
      border: 0 none;
      background: #6595DE;
      left: -2px;
    }
    .swal-button--cancel{
      background-color: #aaa;
      color: #fff;
    }
    .loading-mask {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .loading-box{
      width: 100px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .loading-box img{
      width: 80px;
    }
    .loading-box span{
      font-size: 14px;
    }

    @keyframes ldio {
      0% { transform: translate(6px,40px) scale(0); }
      25% { transform: translate(6px,40px) scale(0); }
      50% { transform: translate(6px,40px) scale(1); }
      75% { transform: translate(40px,40px) scale(1); }
    100% { transform: translate(74px,40px) scale(1); }
    }
    @keyframes ldio-r {
      0% { transform: translate(74px,40px) scale(1); }
    100% { transform: translate(74px,40px) scale(0); }
    }
    @keyframes ldio-c {
      0% { background: #e15b64 }
      25% { background: #abbd81 }
      50% { background: #f8b26a }
      75% { background: #f47e60 }
    100% { background: #e15b64 }
    }
    .ldio div {
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      transform: translate(40px,40px) scale(1);
      background: #e15b64;
      animation: ldio 3.7037037037037033s infinite cubic-bezier(0,0.5,0.5,1);
    }
    .ldio div:nth-child(1) {
      background: #f47e60;
      transform: translate(74px,40px) scale(1);
      animation: ldio-r 0.9259259259259258s infinite cubic-bezier(0,0.5,0.5,1), ldio-c 3.7037037037037033s infinite step-start;
    }.ldio div:nth-child(2) {
      animation-delay: -0.9259259259259258s;
      background: #e15b64;
    }.ldio div:nth-child(3) {
      animation-delay: -1.8518518518518516s;
      background: #f47e60;
    }.ldio div:nth-child(4) {
      animation-delay: -2.7777777777777777s;
      background: #f8b26a;
    }.ldio div:nth-child(5) {
      animation-delay: -3.7037037037037033s;
      background: #abbd81;
    }
    .loadingio-spinner-ellipsis {
      width: 80px;
      height: 80px;
      display: inline-block;
      overflow: hidden;
      background: none;
    }
    .ldio {
      width: 100%;
      height: 100%;
      position: relative;
      transform: translateZ(0) scale(0.8);
      backface-visibility: hidden;
      transform-origin: 0 0;
    }
    .ldio div { box-sizing: content-box; }
    </style>
  </head>
  <body class="skin_blue" id="mainBody">
    <noscript>
      <strong>请开启JavaScript功能.</strong>
    </noscript>
    <div id="app"></div>
    <div class="loading-mask">
      <div class="loading-box">
        <div class="loadingio-spinner-ellipsis">
          <div class="ldio">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
          </div>
        </div>
        <span>正在加载中...</span>
      </div>
    </div>
  </body>
  <script>
    // $(document).ready(function () {
    //   setTimeout(function () {
    //     $("body>#app").css('visibility', 'visible')
    //     $("body>.loading-mask").hide()
    //   }, 500)
    // });

    window.addEventListener("resize",()=>{
        let screamWidth = window.innerWidth;
        let html = document.documentElement;
        if(screamWidth>=1025){
            html.style.fontSize = 50 + "px";
        }
    })
    function getQueryString(name) {
      var result = window.location.href.match(
        new RegExp("[?&]" + name + "=([^&]+)", "i")
      );
      if (result == null || result.length < 1) {
        return "";
      }
      return result[1];
    }
    if (getQueryString("target") === '_self') {
      localStorage.setItem("targetData", getQueryString("target"))
      sessionStorage.setItem("targetData", getQueryString("target"))
    }
    (function(){
      let screamWidth = window.innerWidth;
      let html = document.documentElement;
      if(screamWidth>=1025){
        html.style.fontSize = 50 + "px";
      }
      setTimeout(function () {
        document.getElementById('app').setAttribute('style', 'visibility: visible')
        document.querySelector('.loading-mask').style.display = 'none'
      }, 500)
    }())
  </script>
</html>
